<template>
  <div class="box">
    <el-input
        type="textarea"
        :autosize="{ minRows: 2, maxRows: 4}"
        placeholder="请输入内容"
        v-model="problem.input">
    </el-input>
    <br>
    <el-input placeholder="请输入" v-model="problem.A">
      <template slot="prepend">请输入A选项</template>
    </el-input>
    <el-input placeholder="请输入" v-model="problem.B">
      <template slot="prepend">请输入B选项</template>
    </el-input>
    <el-input placeholder="请输入" v-model="problem.C">
      <template slot="prepend">请输入C选项</template>
    </el-input>
    <el-input placeholder="请输入" v-model="problem.D">
      <template slot="prepend">请输入D选项</template>
    </el-input>
  </div>
</template>

<script>
export default {
  name: "Problem",
  data() {
    return {
      problem:{
        input: '',
        A: '',
        B: '',
        C: '',
        D: ''
      }
    }
  }
}
</script>

<style scoped>
.box {
  display: flex;
  flex-direction: column;
}

.el-select .el-input {
  width: 130px;
}
.input-with-select .el-input-group__prepend {
  background-color: #fff;
}
</style>